<template>
  <div class="onee">
    <h3>{{ name }}</h3>
    <ul>
      <li v-for="item in items" :key="item.di">
        <img v-lazy="item.list_pic_url" alt="" />
        <p>{{ item.name }}</p>
        <span>{{ item.retail_price | formatMoey }}</span>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "Eathutch",
  props: ["name", "items"],
  data() {
    return {};
  },
};
</script>

<style lang='less' scoped>
.onee{
    h3{
    margin-top: 20px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    
    }
  ul {
    display: flex;
    flex-wrap: wrap;
  }}
li{
    width: 50%;
    font-size: 8px;
    text-align: center;
    margin-bottom: 30px;
    p{
        margin-bottom: 20px;
    }
    span{
        color: brown;
    }
    img {
    width: 100%;
    display: block;
  }
}
</style>